<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>豆瓣市集</title>
	<link rel="stylesheet" href="../css/index.css">
</head>
<body>
	<div class="mainnav">
		<div class="mainnav_l">
			<ul>
				<li><a href="#">豆瓣</a></li>
				<li><a href="#">读书</a></li>
				<li><a href="#">电影</a></li>
				<li><a href="#">音乐</a></li>
				<li><a href="#">同城</a></li>
				<li><a href="#">小组</a></li>
				<li><a href="#">阅读</a></li>
				<li><a href="#">FM</a></li>
				<li><a href="#">东西</a></li>
				<li><a href="#">市集</a></li>
				<li><a href="#">更多</a></li>
			</ul>
		</div>
		<div class="mainnav_r">
			<ul>
				<li><a href="#">下载豆瓣客户端</a>
					<div class="client">
						<img class="dou-picture" src="../img/nav_doubanapp_6.png" alt="豆瓣">
						<p class="appintro">豆瓣</p>
						<p class="slogan">我们的精神角落</p>
						<img class="qrcode" src="../img/nav_doubanapp_6_qrcode.png" alt="二维码">
						<p class="download"><a href="#">iphone</a><span>·</span><a href="#">Android</a></p>
					</div>
				</li>
				<li><a href="#">登录</a></li>
				<li><a href="#">注册</a></li>
			</ul>
		</div>
	</div>
	<!-- subnav -->

	<div class="wrapper">
		<div class="subnav">
				<div class="subnav_logo">
					<a href="#"><img class="logo" src="../img/logo.png" alt="douban"></a>
				</div>
				<ul>
					<li><a href="#">饮食</a>
						<div class="menu">
							<div class="leftdiv">
								<dl>
									<dt><a href="#">酒水</a></dt>
									<dd><a href="#">葡萄酒</a></dd>
									<dd><a href="#">米酒</a></dd>
									<dd><a href="#">白酒</a></dd>
									<dd><a href="#">啤酒</a></dd>
									<dd><a href="#">洋酒</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">地方特产</a></dt>
									<dd><a href="#">新疆</a></dd>
									<dd><a href="#">四川</a></dd>
									<dd><a href="#">湖南</a></dd>
									<dd><a href="#">云南</a></dd>
									<dd><a href="#">海南</a></dd>
									<dd><a href="#">东北</a></dd>
									<dd><a href="#">北京</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">饮料冲调</a></dt>
									<dd><a href="#">饮料</a></dd>
									<dd><a href="#">咖啡</a></dd>
									<dd><a href="#">蜂蜜</a></dd>
									<dd><a href="#">速溶</a></dd>
									<dd><a href="#">冲饮谷物</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">生鲜食品</a></dt>
									<dd><a href="#">新鲜水果</a></dd>
									<dd><a href="#">海鲜水产</a></dd>
									<dd><a href="#">生肉禽蛋</a></dd>
									<dd><a href="#">产地直供</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">蜂蜜/茗茶</a></dt>
									<dd><a href="#">咖啡</a></dd>
									<dd><a href="#">蜂蜜</a></dd>
									<dd><a href="#">茗茶</a></dd>
								</dl>
							</div>
							<div class="rightdiv">
								<a href="#"><img src="../img/right-img.png" alt=""></a>
								<p><a href="#">台湾手工黑茶糖</a></p>
							</div>
						</div>
					</li>
					<li><a href="#">服装</a>
						<div class="menu">
							<div class="leftdiv">
								<dl>
									<dt><a href="#">男下装</a></dt>
									<dd><a href="#">休闲裤</a></dd>
									<dd><a href="#">牛仔裤</a></dd>
									<dd><a href="#">短裤</a></dd>
		
								</dl>
								<dl>
									<dt><a href="#">男上装</a></dt>
									<dd><a href="#">外套</a></dd>
									<dd><a href="#">衬衫</a></dd>
									<dd><a href="#">卫衣</a></dd>
									<dd><a href="#">毛衣</a></dd>
									<dd><a href="#">海南</a></dd>
									<dd><a href="#">东北</a></dd>
									<dd><a href="#">北京</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">饮料冲调</a></dt>
									<dd><a href="#">饮料</a></dd>
									<dd><a href="#">咖啡</a></dd>
									<dd><a href="#">蜂蜜</a></dd>
									<dd><a href="#">速溶</a></dd>
									<dd><a href="#">冲饮谷物</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">生鲜食品</a></dt>
									<dd><a href="#">新鲜水果</a></dd>
									<dd><a href="#">海鲜水产</a></dd>
									<dd><a href="#">生肉禽蛋</a></dd>
									<dd><a href="#">产地直供</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">蜂蜜/茗茶</a></dt>
									<dd><a href="#">咖啡</a></dd>
									<dd><a href="#">蜂蜜</a></dd>
									<dd><a href="#">茗茶</a></dd>
								</dl>
							</div>
							<div class="rightdiv">
								<a href="#"><img src="../img/file-1478758742-0.jpg" alt=""></a>
								<p><a href="#">羊毛混纺针织衬衣</a></p>
							</div>
						</div>
					</li>
					<li><a href="#">配饰</a></li>
					<li><a href="#">包装</a></li>
					<li><a href="#">鞋靴</a></li>
					<li><a href="#">美容护肤</a></li>
					<li><a href="#">家居</a></li>
					<li><a href="#">时间</a></li>
					<li><a href="#">更多</a></li>
				</ul>
				
				<div class="subnav_r">
					<a class="user_a" href="#"><img class="user_img" src="../img/user_large.jpg" alt="user"><span>个人中心</span></a>
					<a class="inquire" href="#">订单查询</a>
				</div>
				<div class="search_bar">
					<form action="" class="searchform">
						<input class="text" type="text" placeholder="搜一下试试看">
						<img src="../img/record.png" alt="">
					</form>
				</div>
		</div>
		<div class="content">
			<img src="../img/content.jpg" alt="content_img">
			<div class="icon-slides_l"></div>
			<div class="icon-slides_r"></div>
		</div>
		<div class="hot">
			<div class="ispani">
				<i></i>
				<span>热门商品</span>
				<i></i>
			</div>
			<div class="goods">
				<div class="hot1 fl">
					<a href="#"><img class="hot1_img" src="../img/hot1.png" alt="hot1"></a>
					<p class="hot1_img_p1"><a href="">双莲炭草净渍植物牙膏</a></p>
					<p class="hot1_img_p2">by&nbsp;<span>Twin Lotus</span></p>
					<p class="hot1_img_p3"><del>A￥97.00</del><span>A￥87.00</span></p>
				</div>
				<div class="hot2 fl">
					<a href="#"><img class="hot2_img" src="../img/hot2.jpg" alt="hot2"></a>
					<p class="hot2_img_p1"><a href="">小清新女生精品耳环</a></p>
					<p class="hot2_img_p2">by&nbsp;<span>Clice paul</span></p>
					<p class="hot2_img_p3"><del>A￥88.00</del><span>A￥57.00</span></p>
				</div>
				<div class="hot3 fl">
					<a href="#"><img class="hot3_img" src="../img/hot3.png" alt="hot3.png"></a>
					<p class="hot3_img_p1"><a href="">唯美日历 与您共度欢乐时光</a></p>
					<p class="hot3_img_p2">by&nbsp;<span>kobe</span></p>
					<p class="hot3_img_p3"><del>A￥130.00</del><span>A￥99.00</span></p>
				</div>
			</div>	
		</div>

	</div>
</body>
</html>